const path = require('path')
// const htmlWebpackPlugin = require('html-webpach-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
	entry : './src/main.js',
	output : {
		path : path.join(__dirname, 'dist'),
		filename : 'bundle.js'
	},
	plugins : [
		// new htmlWebpackPlugin({
		// 	template : './index.html'
		// })
		new HtmlWebpackPlugin({
			template : './index.html'
		})
	],
	devServer : {
		// 配置 webpack-dev-server 的 www目录
		// 浏览器真正运行查看的是打包之后的结果
		contentBase : './dist'
	},
	module : {
		rules : [
			{
				test : /\.css$/,
				use : [
					'style-loader', 'css-loader'
				]
			},
			{
				test : /\.(png|gif|jpg|svg)$/,
				use : [
					'file-loader'
				]
			}
		]
	}
}